<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>复仇者联盟</title>
<link rel="stylesheet" href="../css/score.css" />
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/score.js"></script>
</head>

<body>
<div id="nav">
	<div class="nav-logo"><a href="../index.html">豆瓣电影</a></div>
	<div class="nav-items">
		<ul>
			<li><a href="javascript:;">影讯 & 购票</a></li>
			<li><a href="javascript:;">选电影</a></li>
			<li><a href="javascript:;">电视剧</a></li>
			<li><a href="javascript:;">排行榜</a></li>
			<li><a href="javascript:;">分类</a></li>
			<li><a href="javascript:;">影评</a></li>
			<li><a href="javascript:;">2020年度榜单</a></li>
		</ul>
	</div>
</div>
<div id="main">
	<div id="left">
		<h1>
        	<span class="movie-name">复仇者联盟 The Avengers</span>
            <span class="year">(2012)</span>
    	</h1>
		<div class="subject">
			<div class="mainpic">
				<img src="../images/12.jpg" />
			</div>
			<div class="info">
        		<span class='item'>导演</span>: 乔斯·韦登<br/>
        		<span class='item'>编剧</span>: 乔斯·韦登 / 扎克·佩恩<br/>
        		<span class="actor"><span class='item'>主演</span>: 小罗伯特·唐尼 / 克里斯·埃文斯 / 斯嘉丽·约翰逊 / 克里斯·海姆斯沃斯 / 杰瑞米·雷纳 / 马克·鲁弗洛</span><br/>
        		<span class="item">类型:</span> 动作 / 科幻 / 奇幻 / 冒险<br/>
        		<span class="item">制片国家/地区:</span> 美国<br/>
        		<span class="item">语言:</span> 英语 / 俄语<br/>
        		<span class="item">上映日期:</span> 2012-05-05(中国大陆) / 2012-05-04(美国)<br/>
        		<span class="item">片长:</span> 142分钟<br/>
				<span class="item">又名:</span> 复仇者 / 复联<br/>
        		<span class="item">IMDb链接:</span> tt0848228<br>
			</div>
			<div class="rating">
				<div class="rating-logo">豆瓣评分</div>
				<div class="rating-level">
					<span class="rating-score">8.1</span>
					<div class="rating-right">
						<div><span class="starrating"><span class="star40"></span></span></div>
						<div class="rating-sum">382315人评价</div>
					</div>
				</div>
				<div class="star-count">
					<div class="star-item">
						<span class="stars" title="力荐">5星</span>
						<span class="bar" style="width:40px"></span>
						<span class="star-per">29.7%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="推荐">4星</span>
						<span class="bar" style="width:64px"></span>
						<span class="star-per">46.5%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="还行">3星</span>
						<span class="bar" style="width:29px"></span>
						<span class="star-per">21.2%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="较差">2星</span>
						<span class="bar" style="width:2px"></span>
						<span class="star-per">2.1%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="很差">1星</span>
						<span class="bar" style="width:0px"></span>
						<span class="star-per">0.6%</span>
					</div>
				</div>
				<div class="compare">
					好于 90% 科幻片<br />
					好于 93% 动作片
				</div>
			</div>
		</div>
		<div class="evaluation">
			<div id="first">
				<a class="wantto">想看</a>
				<a class="seen">看过</a>
				<div>评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
			
			<div id="second" style="display:none">
				我想看这部电影
				<span class="now-time"></span>
				<a class="del">删除</a><br />
				<span class="show-tips"></span>
			</div>
			
			<div id="third" style="display:none">
				我看过这部电影
				<span class="now-time"></span>
				<a class="del">删除</a>
				<div class="show-evaluation" style="display:none">我的评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
		</div>
		<div class="intro">
			<span class="title">复仇者联盟的剧情简介 · · · · · ·</span>
			<div class="content">
			       　　一股突如其来的强大邪恶势力对地球造成致命威胁，没有任何一个超级英雄能够单独抵挡。长期致力于保护全球安危的神盾局（SHIELD）感到措手不及，其指挥官“独眼侠”尼克·弗瑞（塞缪尔·杰克逊 Samuel L. Jackson 饰）意识到他必须创建一个“史上最强”的联盟组织， 云集各方超级英雄一起发威，才能拯救世界于水深火热，抵御黑暗势力的侵袭。于是由六大超级英雄——“钢铁侠”（小罗伯特·唐尼 Robert Downey Jr. 饰）、“雷神” （克里斯·海姆斯沃斯 Chris Hemsworth 饰）、“美国队长”（克里斯·埃文斯 Chris Evans 饰）、“绿巨人” （马克·鲁弗洛 Mark Ruffalo 饰）、“黑寡妇”（斯嘉丽·约翰逊 Scarlett Johansson 饰）和“鹰眼”（杰瑞米·雷纳 Jeremy Renner 饰）组成的 “复仇者联盟”应运而生。他们各显神通，团结一心，终于战胜了邪恶势力，保证了地球的安全。
			</div>
		</div>
		<div class="also-like">
			<span class="title">喜欢这部电影的人也喜欢 · · · · · ·</span>
			<div class="like-film-list">
				<ul>
					<li>
						<a href="yhhwd.html"><img src="../images/5.jpg" alt="" /></a>
						<p><a href="yhhwd.html">银河护卫队</a></p>
					</li>
					<li>
						<a href="jtmdt.html"><img src="../images/8.jpg" alt="" /></a>
						<p><a href="jtmdt.html">惊天魔盗团</a></p>
					</li>
					<li>
						<a href="cmdsj.html"><img src="../images/9.jpg" alt="" /></a>
						<p><a href="cmdsj.html">楚门的世界</a></p>
					</li>
					<li>
						<a href="dmkj.html"><img src="../images/10.jpg" alt="" /></a>
						<p><a href="dmkj.html">盗梦空间</a></p>
					</li>
					<li>
						<a href="tqyj.html"><img src="../images/15.jpg" alt="" /></a>
						<p><a href="tqyj.html">通勤营救</a></p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="aside">
		<div class="common-label">
			<span class="title">豆瓣成员常用的标签 · · · · · ·</span>
			<div class="label-list">
				<ul>
					<li>漫画英雄</li><li>科幻</li><li>美国</li><li>Marvel</li>
					<li>动作</li><li>2012</li><li>漫画改编</li><li>3D</li>
				</ul>
			</div>
		</div>
		<div class="recommend">
			<span class="title">以下豆列推荐 · · · · · ·</span>
			<div class="recommend-list">
				<ul>
					<li>
                		<a href="javascript:;">{北美电影票房总排行}</a>
                		<span>(荔枝超人)</span>
            		</li>
            		<li>
                		<a href="javascript:;">IMDb科幻电影Top200</a>
                		<span>(等一个人)</span>
            		</li>
            		<li>
                		<a href="javascript:;">2013【第85届奥斯卡】完整获奖/提名名单</a>
                		<span>(影志)</span>
            		</li>
            		<li>
                		<a href="javascript:;">2012新电影（这些，可以期待）</a>
                		<span>(桃桃淘电影)</span>
            		</li>
            		<li>
                		<a href="javascript:;">带你进入不正常的世界</a>
                		<span>(DK奔小驰)</span>
            		</li>
				</ul>
			</div>
		</div>
		<div class="who">
			<span class="title">谁在看这部电影 · · · · · ·</span>
			<div class="number">
				<a href="javascript:;">551114人看过</a>
                &nbsp;/&nbsp;
            	<a href="javascript:;">30724人想看</a>
			</div>
		</div>
	</div>
</div>
<div style="clear:both"></div>
<div id="bottom">
	<span class="copyright">@ 2001 - 2021 mingrisoft.com all rights reserved 吉林省明日科技有限公司</span>
	<span class="about">
		<ul>
			<li>关于明日</li>
			<li>联系我们</li>
			<li>免责声明</li>
			<li>帮助中心</li>
			<li>移动应用</li>
			<li>明日广告</li>
			<li>合作共赢</li>
		</ul>
	</span>
</div>
<div id="show-layer" style="display:none">
	<div class="layer-bg"></div>
	<div class="layer-body">
		<div class="layer-top">
			<span class="title">添加收藏:我想看这部电影</span>
			<span class="x">x</span>
		</div>
		<div class="layer-middle">
			<div id="wantto">
				<span>标签(多个标签用空格分隔):</span>
				<input type="text" name="movietip" />
				<div class="tip">
					<span>常用标签:</span>
					<ul>
						<li>Marvel</li><li>3D</li><li>动作</li><li>漫画改编</li>
						<li>2012</li><li>美国</li><li>科幻</li><li>漫威</li>
					</ul>
				</div>
			</div>
			<div id="seen">
				<span>给个评价吧？(可选):&nbsp;</span>
				<span class="star">
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
    			</span>
				<span class="evaluation-word"></span>
			</div>
		</div>
		<div class="layer-bottom">
			<input type="button" value="保存" />
		</div>
	</div>
</div>
</body>
</html>
